/**
* 创建者：luyiming
* 该样式表用于：
* 创建时间： 2019-12-24 17:55:43
*/
.SystemTree_cmp {
    width: 100%;
    height: 100%;
    .search_wrap{
        width: 100%;
        padding: 0 16px 10px;
    }
    .tree_change_wrap{
        text-align: center;
        width: 100%;
        height: 70px; 
        padding: 15px 30px;
        @include clearfix();
        @include unSelectTextPC();
        .btn{
            display: inline;
            width: 50%;
            // vertical-align:middle;
            line-height: 20px; 
            font-size: 14px;
            transition: color .5s;
            cursor: pointer;
            .iconfont{ 
                font-size: 22px;
            }
        }
        .btn.active{
            color: $themeSystemLayout2; 
        }
    }
    .tree_wrap{
        height: calc(100% - 116px);
        position: relative;
    }
    .tree_inner_wrap{
        min-height: 100%;
    }
    /deep/ {
        .el-scrollbar{
            height:100%;
        }
        .el-scrollbar__wrap{
            overflow-x:hidden;
        }
    }
    // 设置选中时的背景颜色
    //\e6d9
    .el-icon-caret-right{
        &:before {
            content: ' \e6d9'
        } 
    }
    .el-icon-caret-right.expanded{
        &:before {
            content: '\e6d8'; 
            transform: rotate(-90deg);
            display: block;
        }
    }
    .el-tree-node:focus>.el-tree-node__content {
        background-color: $themeSystemLowColor;
        // border-right: 2px solid $themeSystemLayout2;
    }
    .el-tree-node__content {
        border-right: 3px solid transparent; 
        transition: background-color .5s; 
        position: relative;
        @include unSelectTextPC();
        .custom-tree-node{
            text-indent: 16px;
        }
        .el-icon-caret-right{
            position: absolute;
            right: 0;
            top: 7px;
        }
    }
    .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
        background-color: #edf6ff;
        border-right: 3px solid $themeSystemLayout2;
    }
    .el-tree-node__content{
        line-height: 36px;
        height: 36px;
    }
}